.process-designer-sub-process-wapper {
    .process-designer-sub-process {
        height: 100%;

        .process-designer-sub-process-search {
            height: 32px;
            width: 350px;
            margin-bottom: 10px;

            .ant-input-affix-wrapper {
                border-radius: 4px;
            }
        }

        .process-designer-sub-process-table {
            height: 336px;
            border: 1px solid rgba(0, 0, 0, .06);
            margin-bottom: 20px;

            .ant-table-empty {
                .ant-table-container {
                    border: none;
    
                    .ant-table-body {
                        overflow-y: unset !important;
                        border: none;
    
                        .ant-table-placeholder {
                            .ant-table-cell {
                                border: none;
    
                                .ant-empty.ant-empty-normal {
                                    margin-top: 112px;
                                }
                            }
                        }
                    }
                }
            }

            .ant-table-wrapper {
                height: 292px;
            }

            .ant-spin {
                width: 100%;
                height: calc(100% - 42px);
                display: flex;
                justify-content: center;
                align-items: center;
            }
        }

        .process-designer-sub-process-footer {
            display: flex;
            flex-direction: row-reverse;

            &>div {
                .ant-btn:nth-child(2) {
                    margin-left: 20px;
                }
            }
        }
    }
}

.process-designer-strategy-wapper {
    .process-designer-strategy-notice-rule {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        color: #999;

        .ant-input-number {
            width: 60px;
        }

        .ant-select {
            width: 120px;
            margin: 0 10px;
        }
    }

    .process-designer-strategy-push-cycle-interval {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 10px;

        .ant-input-number {
            width: 60px;
            margin-left: 10px;
        }

        .ant-select {
            width: 120px;
            margin: 0 10px;
        }
    }

    .process-designer-strategy-push-cycle-regular {
        .process-designer-strategy-push-cycle-regular-item {
            display: flex;
            align-items: center;
            margin-bottom: 10px;

            .ant-picker {
                width: 100px;
            }

            .ant-select {
                width: 120px;
                margin: 0 10px;
            }

            .process-designer-strategy-push-cycle-regular-item-btn {
                &>span {
                    cursor: pointer;
                    color: #bbb;
                }

                .anticon-plus-circle {
                    margin-right: 10px;

                    &:hover {
                        color: var(--inbiz-color-primary);
                    }
                }

                .anticon-close-circle {
                    &:hover {
                        color: var(--inbiz-color-danger);
                    }
                }
            }
        }
    }

    .process-designer-strategy-footer {
        display: flex;
        flex-direction: row-reverse;

        .ant-btn:nth-child(1) {
            margin-left: 20px;
        }
    }
}

.ant-picker-dropdown {
    ul.ant-picker-time-panel-column {
        &::-webkit-scrollbar {
            width: 6px;
            height: 6px;
            background-color: transparent;
            transition: background-color 0.25s ease-in-out;
        }

        &::-webkit-scrollbar-thumb {
            background-color: transparent;
        }

        &:hover {
            &::-webkit-scrollbar {
                width: 6px;
                height: 6px;
                background-color: #ddd;
                border-radius: 4px;
            }

            /* 定义滚动条轨道内阴影+圆角 */
            &::-webkit-scrollbar-track {
                background-color: #f5f5f5;
                border-radius: 4px;

                --webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            }

            /* 定义滑块内阴影+圆角 */
            &::-webkit-scrollbar-thumb {
                background-color: #ddd;
                border-radius: 4px;

                --webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            }
        }
    }
}

.process-designer-message-template-wapper {
    .process-designer-message-template-footer {
        display: flex;
        flex-direction: row-reverse;

        &>.ant-btn:nth-child(1) {
            margin-left: 20px;
        }
    }
}

.process-designer-message-temp-wapper {
    .process-designer-message-temp-body {
        display: flex;
        border: 1px solid #ddd;
        height: 368px;

        .process-designer-message-temp-left {
            width: 185px;
            height: 100%;
            border-right: 1px solid #ddd;
            overflow: auto;
            font-size: 12px;
            background-color: #fff;

            .ant-spin-nested-loading {
                height: 100%;

                .ant-spin-container {
                    height: 100%;

                    .ant-tree-list-holder-inner {
                        padding-top: 3px;
                    }

                    .ant-tree-treenode {
                        display: flex;
                        height: 32px;
                        color: #000;
                    }

                    .ant-tree-node-content-wrapper {
                        display: flex;
                        flex: 1;
                        overflow: hidden;
                    }

                    .ant-tree-treenode-selected {
                        color: #000;
                    }

                    .ant-tree.ant-tree-directory .ant-tree-treenode-selected .ant-tree-switcher {
                        color: #000;
                    }

                    .ant-tree-switcher_open {
                        svg {
                            color: #aaa;
                        }
                    }

                    .ant-tree.ant-tree-directory .ant-tree-treenode::before {
                        top: -4px;
                    }

                    .ant-tree-title {
                        flex: 1;
                        overflow: hidden;
                        color: #000;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }

                    .ant-tree-treenode-selected:hover::before {
                        background-color: #e7f3ff;
                    }

                    .ant-tree-treenode-selected::before {
                        background-color: #e7f3ff;
                    }

                    >p {
                        display: flex;
                        align-items: center;
                        width: 100%;
                        height: 40px;
                        margin-bottom: 0;
                        padding-left: 9px;
                        cursor: pointer;

                        >span {
                            margin-left: 7px;
                        }
                    }

                    .app-selected {
                        background-color: var(--ant-primary-1);
                    }

                    .app-selected:hover {
                        background-color: var(--ant-primary-1);
                    }

                    .left-group-box {
                        width: 100%;
                        height: 315px;
                        overflow-y: auto;

                        .group-item {
                            display: flex;
                            align-items: center;
                            width: 100%;
                            height: 32px;
                            margin-bottom: 0;
                            padding-left: 30px;
                            cursor: pointer;

                            >span {
                                margin-left: 7px;
                            }

                            &:hover {
                                background-color: rgba(0, 0, 0, 0.02);
                            }
                        }

                        .active {
                            background-color: var(--ant-primary-1);
                        }

                        .active:hover {
                            background-color: var(--ant-primary-1);
                        }
                    }
                }
            }
        }

        .process-designer-message-temp-right {
            flex: 1;
            height: 100%;

            .process-designer-message-temp-search {
                padding: 10px;
                border-bottom: 1px solid #ddd;
            }

            .ant-table-wrapper {
                height: calc(100% - 87px);

                .ant-spin-nested-loading {
                    height: 100%;

                    .ant-spin-container {
                        height: 100%;
                    }
                }
            }
        }
    }

    .process-designer-message-temp-footer {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        margin-top: 20px;

        button.ant-btn {
            &:nth-child(1) {
                margin-left: 20px;
            }
        }
    }
}